.ui-pagination{
  height: 40px;
  .page-slider-loading{
    height: 40px;
    background: url(./image/loading.gif) no-repeat center center;
    display: none;
  }

  .page-slider-no-record{
    height: 40px;
    line-height: 40px;
    color: #3F4543;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    display: none;
  }

  .page-slider{
    display: inline-block;
    height:37px;
    float: right;
    display: none;
    a{
      display:inline-block;
      transition: background 0.3s ease-in-out;
      cursor: pointer;
      outline: none;
      background: #e9e7e8;
      color:#000;
      box-sizing: border-box;
      font-weight: bold;
      border-radius: 2px;
    }

    a:hover{
      background-color: #d2d0d1
    }

    a.main,a.cur-page{
      background-color: #03b6f8;;
      color:#fff;
    }

    a.main:hover,a.cur-page:hover{
      background-color: #05c7ff;;
      color:#fff;
    }

    .page-btn{
      float: left;
      height:30px;
      line-height: 30px;
      width:30px;
      text-align: center;
      margin: 0 1px;
    }

    .pre-btn{
      background:#e9e7e8 url("./image/pre-btn.png") no-repeat center;
    }

    .next-btn{
      background:#e9e7e8 url("./image/next-btn.png") no-repeat center;
    }

    .page-number-container{
      float: left;
      margin:0 4px;
      a{
        float: left;
        height:30px;
        line-height: 30px;
        width:30px;
        text-align: center;
        font-weight: bold;
        margin: 0 2px;
        transition: background 0.3s ease-in-out;
      }
      .a:hover{
        background: #e3e3e3;
      }
    }

    .point{
      display: block;
      float: left;
      width:35px;
      height:100%;
      line-height: 37px;
      text-align: center;
      font-weight: bold;
      display: none;
    }

    .page-search{
      height:100%;
      float: left;
      .search-number{
        width:30px;
        padding:7px;
        border:1px solid #d2d0d1;
        margin:0 3px;
        outline: none;
        border-radius: 2px;
      }
      span{
        display: inline-block;
      }
      .search-btn{
        width:50px;
        text-align: center;
        height:30px;
        line-height: 30px;
      }
    }

    .total-count{
      height:30px;
      line-height: 30px;
      padding:0 10px;
    }
  }
}